<template>
    <view class="content">
        <swiper class="swiper" 
        vertical 
        circular 
        autoplay 
        interval="2000" 
        display-multiple-items='1'>
            <swiper-item v-for="(item,index) in list" :key="index">
                <view class="box">
                   {{item}}
                </view>
            </swiper-item>
        </swiper>
    </view>
</template>
 
<script>
    export default {
		props:{
			list:Array
		},
        data() {
            return {}
        },
        onLoad() {
 
        },
        methods: {
 
        }
    }
</script>
 
<style>
    .swiper{
        /* 高度跟自己需要的子元素更改，我这里是显示3个，每个50rpx 所以是150rpx */
        height: 40rpx;
        margin-top: 30rpx;
    }
    .box{
        font-size: 20rpx;
       /* height: 50rpx; */
        box-sizing: border-box;
		font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10rpx;
		color: #999999;
    }
</style>